<style>

.myheader {
  background-image: url("https://github.com/holtzy/data_to_viz/raw/master/img/overview_RGG_faded.png");
    min-height: 300px; 
    background-size: 100% 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  
    height: 100%; 
    width: 100% !important;
  
}

 .mytitle{
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-size: 200%;
  font-weight: 500;
  letter-spacing: 4px;
}   

</style>

<div class="myheader" style="text-align: center;">
  <a style="text-align: left" href="www.from-data-to-viz">from Data to Viz</p>
  <br><br>
  <a href="http://www.data-to-viz.com"> <img  src="https://github.com/holtzy/data_to_viz/raw/master/img/section/HistogramSmall.png"></a>
  <br><br>
  <p class="mytitle">Histogram</p>
  <p style="color: #D0D0D0;">
    <a href="#definition">definition</a> -
    <a href="#mistake">mistake</a> - 
    <a href="#related">related</a> - 
    <a href="#code">code</a>
  </p>
</div>



